<template>
  <view id="yz_bg" :class="{ 'multi-bg': multiBg, 'theme-bg': themeBg }"> </view>
</template>

<script  lang="ts" setup>
defineProps({
  multiBg: {
    type: Boolean,
    default: false,
  },
  themeBg: {
    type: Boolean,
    default: false,
  },
})
</script>

<style lang="scss" scoped>
#yz_bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -2;
  padding-top: 24px;
  &.multi-bg {
    background-image: url('~@/static/bg/multi-color-gradient.png');
  }
  &.theme-bg {
    background-image: url('~@/static/bg/theme-color-gradient.png');
  }
  background-size: 100% 100%;
}
</style>